<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>游服科技-公司动态</title>
	<meta name="author" content="Alvaro Trigo Lopez" />
	<meta name="description" content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
	<meta name="keywords"  content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
	<meta name="Resource-type" content="Document" />
	<style>
</style>
</head>
<body>
<!-- 顶部导航 -->
<div class="headerpage"></div>
<div style="height:70px"></div>
<div style="background-image: url(../images/intro.jpg); background-repeat:no-repeat; background-size:100% 100%;height:350px">
	<div style="text-align:center;z-index:11;padding-top:130px;font-size: 35px; color:lightgrey">公司动态</div>
</div>
<div>
	<div class="cintro-title"></div>
	<div class="cintro-text">
		<div class="row">
			<div class="col-md-3">
				<div style="float:right;margint-right:50px">
					<div style="height:50px;background-color: #2e6da4;color:white;font-size: 20px;padding-top:10px">
						&nbsp;联系方式
					</div>
					<div style="background-color: #fafafa">
						<br/>
						<span style="font-size: 15px;font-weight: bold;color:#444444">

							&nbsp;热 线：</span> <span id="mobile"></span><br/><br/>
						<span style="font-size: 15px;font-weight: bold;color:#444444">&nbsp;地 址：</span><span id="address"></span>
						<br/><br/>
						<span style="font-size: 15px;font-weight: bold;color:#444444">&nbsp;邮 箱：</span><span id="email"></span>
						<br/>&nbsp;<br/>
					</div>
				</div>
			</div>
			<div class="col-md-9" >
				<div id="news">
					<div class="row">
						<div class="col-md-2" style="text-align: right;;padding-top:5px">
							2018-12-01
						</div>
						<div class="col-md-1">
							<div class="cicle" style="margin-left:20px"></div>
							<div style="margin-left:28px;height:130px" class="line"></div>
						</div>
						<div class="col-md-7">
							<div style="font-size:20px; color:dodgerblue">
								标题
								<br/>
							</div>
							<div style="margin-top:10px;color:gray;-webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; " class="goodcontent">
								<p>金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
									金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
									金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
									金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
								</p>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-2" style="text-align: right;padding-top:5px">
							2018-12-01
						</div>
						<div class="col-md-1">
							<div class="cicle" style="margin-left:20px"></div>
							<div style="margin-left:28px;height:130px" class="line"></div>
						</div>
						<div class="col-md-7">
							<div style="font-size:20px; color:dodgerblue">
								标题
								<br/>
							</div>
							<div style="margin-top:10px;color:gray">
								金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-md-2" style="text-align: right;padding-top:5px">
							2018-12-01
						</div>
						<div class="col-md-1">
							<div class="cicle" style="margin-left:20px"></div>
							<div style="margin-left:28px;height:130px" class="line"></div>
						</div>
						<div class="col-md-7">
							<div style="font-size:20px; color:dodgerblue">
								标题
								<br/>
							</div>
							<div style="margin-top:10px;color:gray">
								金融机构正处于一个新的历史时期，技术正在以指数型速度发展，金融业即将进入颠覆式发展阶段。为多维展示新技术在金融领域的优秀应用实践，共同探讨金融与科技创新发展关系，
							</div>
						</div>
					</div>
				</div>


				<ul class="pager" style="width:30%;margin-left:15%">
					<li class="previous"><a  id="toPre">&larr; Older</a></li>
					<li class="next"><a id="toNext">Newer &rarr;</a></li>
				</ul>
			</div>

		</div>


	</div>
 


</div>
<div style="height:200px;width:100%;" >
	<iframe   frameborder=0   border=0  style="height:100%;width:100%;"  src="booter.html" mce_src="booter.html"></iframe>  

</div>
<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
<script src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/request.js"></script>
<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../bootstrap-3.3.7/js/bootstrap.js"></script>

<script type="text/javascript">
$(function () {
    $(".headerpage").load("header.html");
    $.ajaxHttp({
        url: '/web/company/getEntityById',
        type: 'POST',
        json: true,
        mask: true, //是否有loading,
        data: {
            id: 1
        }
    }).then(function(data){
//        layer.msg("操作成功");
        // 成功回调，data是成功回调参数
        console.log(data)
        $("#mobile").text(data.gwCompanyPhone)
        $("#address").text(data.gwCompanyAddress)
        $("#email").text(data.gwCompanyEmail)
    }, function(err){
        console.log(err);
        // 错误回调，err是错误回调参数
        // 这里不处理错误也可以，上面都有集中处理错误，会tips
    })

    var currentPage = 1;
    var totals = 0;

    query(currentPage);

	$("#toPre").click(function() {
        currentPage -= 1;
	    if (currentPage <= 0 ) {
            console.log(currentPage)
            currentPage = 1;
            return;
		}
	    query(currentPage)
	})

    $("#toNext").click(function() {
        currentPage += 1;
		var totalPage = parseInt((totals - 1) /10) + 1
		console.log('total:' + totalPage)
        if (currentPage > totalPage ) {
		    console.log(currentPage)
            currentPage = totalPage
            return;
        }
        query(currentPage)
    })

	function query(currentPage) {
        $.ajaxHttp({
            url: '/web/news/listByPage',
            type: 'POST',
            json: true,
            mask: true, //是否有loading,
            data: {
                currentPage: currentPage,
                pageSize: 10
            }
        }).then(function(data){
//        layer.msg("操作成功");
            // 成功回调，data是成功回调参数
            console.log(data)
            $("#news").html('');
            var content = '';
            for (var i = 0; i < data.list.length; i++) {
                var con = data.list[i]
                content += '<div class="row">' +
                    '<div class="col-md-2" style="text-align: right;;padding-top:5px">' +
                    con.gwNewsTime+
                    '</div>' +
                    '<div class="col-md-1">' +
                    '<div class="cicle" style="margin-left:20px"></div>' +
                    '<div style="margin-left:28px;height:130px" class="line"></div>' +
                    '</div>' +
                    '<div class="col-md-7">' +
                    '<div style="font-size:20px; color:dodgerblue">' +
                    con.gwNewsName +
                    '<br/>' +
                    '</div>' +
                    '<div style="margin-top:10px;color:gray;-webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; " class="goodcontent">' +
                    con.gwNewsDes +
                    '</p></div></div></div>';
            }
            $("#news").html(content);
            totals = data.totals;
        }, function(err){
            console.log(err);
            // 错误回调，err是错误回调参数
            // 这里不处理错误也可以，上面都有集中处理错误，会tips
        })
	}
})
	

</script>

</body>
</html>
